<link href='${rc.getContextPath()}/manage/js/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='${rc.getContextPath()}/manage/js/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='${rc.getContextPath()}/manage/js/fullcalendar/lib/moment.min.js'></script>
<script src='${rc.getContextPath()}/manage/js/fullcalendar/fullcalendar.min.js'></script>
<script src='${rc.getContextPath()}/manage/js/fullcalendar/lang/zh.js'></script>
<style>
    #cal{
        margin: 0 auto;
        width:500px;
    }

</style>
<div>
    <div id='cal'></div>
</div>

<script>
    $(document).ready(function() {
        $('#cal').fullCalendar({
            height:350,
            firstDay:1,
            selectable: true,
            selectHelper: true,
            unselectAuto:false,
            editable: false,
            eventLimit: true, 
            dayClick: function(date, jsEvent, view) {

        alert('Clicked on: ' + date.format());

    },
      eventClick: function(calEvent, jsEvent, view) {

        alert( calEvent.start.format());


    },
    events:{url:'${rc.getContextPath()}/manage/datatest/getEvents',cache: true }
        });
        
    });


</script>
